<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui">
    <title>小白的个人主页</title>
    <!-- 引入网页图标 -->
    <link rel="shorcut icon" href="favicon.ico">
</head>
<body>
    <div style="width: 100%; height: 55px; background-color: black; position: fixed;">
    <div class="left">
        <audio controls="controls" height="50px" width="70px" loop="-1" >
            <source src="./music/亦伊 - 惊天有雾.flac">
            </audio>
        <a href="index.html">[BlogWe]</a>
    </div>
    <div class="right">
        <a href="#">首页</a>
        <a href="#" style="margin-left: 80px;">关于本站</a>
        <a href="#" style="margin-left: 100px;">论坛</a>
        <a href="#" style="margin-left: 100px;">记录</a>
    </div>
    </div>
   <div style="width: 100%; height: 300px;text-align: center;">
        <span style="font-family: 黑体; font-size: 28px; color: white;line-height: 200px;">致敬还在写博客的我们</span>
    </div>
    <div style="width: 1520px; height: 150px; background-color: black; text-align: center; color: white;
    font-size: 38px; line-height: 70px;">
        one<br>
        ──────────⚪──────────
    </div>
    <div style="width: 1520px; height: 400px; background-color: black;">
        <div style="width: 506px; height: 400px; float: left; text-align: center;">
            <span style="color: white; font-size: 24px;">one</span><br>
            <div style="width: 126px; height: 380px; float: left; text-align: center; font-size: 14px;">
                <span style="color: white; font-size: 18px;">C语言</span><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a>
            </div>
            <div style="width: 126px; height: 380px; float: left; text-align: center;">
                <span style="color: white; font-size: 18px;">SQL server</span><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a>
            </div>
            <div style="width: 126px; height: 380px; float: left; text-align: center;">
                <span style="color: white; font-size: 18px;">MySQL</span><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a>
            </div>
            <div style="width: 126px; height: 380px; float: left; text-align: center;">
                <span style="color: white; font-size: 18px;">Java</span><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a>
            </div>
        </div>
        <div style="width: 506px; height: 400px; float: left; text-align: center;">
            <span style="color: white; font-size: 24px;">two</span><br>
            <div style="width: 126px; height: 380px; float: left; text-align: center;">
                <span style="color: white; font-size: 18px;">HTML+CSS</span><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a>
            </div>
            <div style="width: 126px; height: 380px; float: left; text-align: center;">
                <span style="color: white; font-size: 18px;">计算机</span><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a>
            </div>
            <div style="width: 126px; height: 380px; float: left; text-align: center;">
                <span style="color: white; font-size: 18px;">web</span><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a>
            </div>
            <div style="width: 126px; height: 380px; float: left; text-align: center;">
                <span style="color: white; font-size: 18px;">微信小程序</span><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a>
            </div>
        </div>
        <div style="width: 506px; height: 400px; float: left; text-align: center;">
            <span style="color: white; font-size: 24px;">three</span><br>
            <div style="width: 126px; height: 380px; float: left; text-align: center;">
                <span style="color: white; font-size: 18px;">vue+js</span><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a>
            </div>
            <div style="width: 126px; height: 380px; float: left; text-align: center;">
                <span style="color: white; font-size: 18px;">python</span><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a>
            </div>
            <div style="width: 126px; height: 380px; float: left; text-align: center;">
                <span style="color: white; font-size: 18px;">PHP</span><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a>
            </div>
            <div style="width: 126px; height: 380px; float: left; text-align: center;">
                <span style="color: white; font-size: 18px;">Android</span><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a><br>
                <a href="#">无</a>
            </div>
        </div>
    </div>
    <div style="width: 1520px; height: 150px; background-color: black; text-align: center; color: white;
    font-size: 38px; line-height: 70px;">
        two<br>
        ──────────⚪──────────
    </div>
    <div style="width: 1520px; height: 700px; background-color: cadetblue;">
    
    </div>
    <div style="width: 1520px; height: 200px; background-color: black;">
    <div style="width: 506px; height: 200px; float: left;">
        <span style="margin-left: 190px; color: white; font-size: 20px;">页面</span><br>
        <a href="#" style="font-size: 18px; color: darkgrey; margin-left: 180px;">· 关于本站</a><br>
        <a href="#" style="font-size: 18px; color: darkgrey; margin-left: 180px;">· 大事记</a><br>
        <a href="#" style="font-size: 18px; color: darkgrey; margin-left: 180px;">· 提交记录</a><br>
        <a href="#" style="font-size: 18px; color: darkgrey; margin-left: 180px;">· 论坛</a>
    </div>
    <div style="width: 506px; height: 200px; float: left;">
    <span style="margin-left: 190px; color: white; font-size: 20px;">文章</span><br>
    <a href="#" style="font-size: 18px; color: darkgrey; margin-left: 180px;">· 最新</a><br>
    <a href="#" style="font-size: 18px; color: darkgrey; margin-left: 180px;">· 热门</a><br>
    <a href="#" style="font-size: 18px; color: darkgrey; margin-left: 180px;">· 重要</a>
    </div>
    <div style="width: 506px; height: 200px; float: left; color: darkgrey;">
        <span style="color: white; font-size: 24px;">
            关于我
        </span><br>
        BLOGWE建站于2021年9月16日，经过本人的努力，目<br>
        前收录文章超过0个，本站始终坚持“只收录个人文章”、<br>
        “无广告、纯公益”的宗旨，一直致力于增强中文文章的<br>
        交流与互动，在博客圈深受广大博友的好评和喜爱。<br>
        ——博客互访，有“我”就够了！
    </div>
    <div style="width: 1520; height: 200px; background-color: black; float: left;">
    <div style="width: 500px; height: 200px; float: left;">
        <img src="./image/logo.png" style="margin-top: 30px;">
    </div>
    <div style="width: 339px; height: 200px; float: left;">
        <div style="width: 339px; height: 100px; text-align: center;">
            <img src="./image/phone.jpg" style="width: 100px; height: 100px;">
        </div>
        <hr>
        <div style="width: 339px; height: 100px; text-align: center;">
            <span style="color: darkgrey;">phone:15779025059</span>
        </div>
    </div>
    <div style="width: 339px; height: 200px; float: left;">
        <div style="width: 339px; height: 100px; text-align: center;">
            <img src="./image/Emil.jpg" style="width: 100px; height: 100px;">
        </div>
        <hr>
        <div style="width: 339px; height: 100px; text-align: center;">
            <span style="color: darkgrey;">emil:2868312820@QQ.com</span>
        </div>
    </div>
    <div style="width: 340px; height: 200px; float: left;">
        <div style="width: 339px; height: 100px; text-align: center;">
            <img src="./image/QQ .jpg" style="width: 100px; height: 100px;">
        </div>
        <hr>
        <div style="width: 339px; height: 100px; text-align: center;">
            <a href="www.QQ.com"><span style="color: darkgrey;">QQ:2868312820</span></a>
        </div>
    </div>
    </div>
    <div style="width: 1519px; height: 40px; background-color: black; float: left;">
        <div class="foot_1">
            <a href="#">EMLOG导航</a>
        </div>
        <div class="foot_2">
            <a href="#">Powered by Emlog</a>
        </div>
    </div>
</div>
</body>
<style>
   *{
        margin: 0px;
        padding: 0px;
    }
    body{
        font-family: one;
        background: url(./image/背景图.jpg);
        -webkit-font-smoothing: antialiased;
        background-color: #fff;
    }
    @font-face {
        font-family: one;
        src: url(./fonts/one.ttf);
    }
    ul{
        list-style: none;
    }
    a{
        text-decoration: none;
    }
    img{
        border: 0;
        vertical-align: middle
    }
    .left{
        float: left;
        width: 750px;
        height: 55px;
        display: inline;
    }
    .left>a{
        float: left;
        margin-top: -50px;
        margin-left: 370px;
        font-size: 38px;
        color: white;
    }
    .left>a:hover{
        color: aqua;
    }
    .right{
        float: right;
        margin-left: 1px;
        width: 768px;
        height: 55px;
    }
    .right>a{
        color: white; 
        font-size: 18px; 
        margin-top: 20px; 
        float: left;
    }
    .right>a:hover{
        color: burlywood;
    }
    .foot_1{
        width: 50%;
        height: 40px;
        float: left;
        text-align: center;
    }
    .foot_1>a{
        font-size: 28px; 
        color: darkgrey;
    }
    .foot_1>a:hover{
        color: burlywood;
    }
    .foot_2{
        width: 50%;
        height: 40px; 
        float: left; 
        text-align: center;
    }
    .foot_2>a{
        font-size: 28px; 
        color: darkgrey;
    }
    .foot_2>a:hover{
        color: burlywood;
    }
</style>
</html>
